<!DOCTYPE html>
<html lang="en">
<!--默认英文显示-->
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2541877_1gcwegdkj0v.css" />


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>推书欢迎你</title>
</head>

<body>
    <div class="loginBox">
        <div id="movearea"><img src="images/loginlogo.png" alt="推书"></div>
        <form action="index.html" name="login" method="GET">
            <div><span>账 号：</span><input type="text" name="username" id="login" value="用户名"></div>
            <div><span>密 码：</span><input type="password" name="password" id="login" value="********"></div>
            <input type="submit" value="登录">
            <a href="#">注册</a>

        </form>
        <i class="iconfont icon-close"></i>
    </div>
    <div class="maincover">
        <img src="images/login-icon.png" alt="登录" id="login_icon" />
        <a href="#" class="signed"></a>
        <div class="search">
            <input type="search" value="搜索"></input>
            <button><img src="images/search.png"/></button>
        </div>
        <div class="category">

            <button>文学类</button><button>科技类</button><button>哲学类</button><button>政治类</button>

        </div>
    </div>

    <script src="script/index.js"></script>
</body>

</html>